<form [formGroup]="form" (ngSubmit)="onSubmit(form,$event)">
    <mat-card>
        <mat-card-header>
            <!-- <div mat-card-avatar>avatar</div> 头像 -->
            <mat-card-title>用户注册</mat-card-title>
            <!-- <mat-card-subtitle>sub-header</mat-card-subtitle> 副标题 -->
        </mat-card-header>
        <mat-card-content>
            <mat-form-field class="full-width">
                <input matInput placeholder="输入邮箱" formControlName="email">
            </mat-form-field>
            <mat-form-field class="full-width">
                <input matInput placeholder="输入姓名" formControlName="name">
            </mat-form-field>
            <mat-form-field class="full-width">
                <input type="password" matInput placeholder="输入密码" formControlName="password">
            </mat-form-field>
            <mat-form-field class="full-width">
                <input type="password" matInput placeholder="确认密码" formControlName="repeat">
            </mat-form-field>
            <!-- <mat-grid-list cols="8">
                <mat-grid-tile *ngFor="let item of items">
                    <mat-icon [svgIcon]="item"></mat-icon>
                </mat-grid-tile>
            </mat-grid-list> -->
            <task-image-list-select 
            [useSvgIcon]="true"
            [cols]="6"
            [title]="'选择头像'"
            [items]="items"
            formControlName="avator"></task-image-list-select>
            <button mat-raised-button color="accent" class="full-width" type="submit">注册</button>
        </mat-card-content>
        <mat-card-actions class="text-right">
            <p>还没有账户？<button mat-button>登录</button></p>
            <p>忘记密码？<button mat-button>找回</button></p>
        </mat-card-actions>
    </mat-card>
</form>